<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="And Host - Domain Hosting HTML Template">
    <meta name="keywords" content="hosting, domain, ssl, Hosting, Domain, business, .com, .net, .org, corporate">
    <meta name="author" content="webguru071">

    <meta property="og:type" content="Web Template">
    <meta property="og:title" content="And Host - Domain Hosting HTML Template">
    <meta property="og:description" content="And Host - Domain Hosting HTML Template">
    <meta property="og:image" content="img/preview.jpg">

    <meta name="twitter:card" content="And Host - Domain Hosting HTML Template">
    <meta name="twitter:title" content="And Host - Domain Hosting HTML Template">
    <meta name="twitter:description" content="And Host - Domain Hosting HTML Template">
    <meta name="twitter:image" content="img/preview.jpg">

    <meta name="msapplication-TileImage" content="img/preview.jpg">

    <meta name="msapplication-TileColor" content="#4da2ef">
    <meta name="theme-color" content="#0a8aff">

    <title>HR Management</title>

    <!--=======================================
      All CSS Style link
    ===========================================-->

    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">

    <!-- FAVICONS -->
    <link rel="icon" href="img/favicon-16x16.png" type="image/png" sizes="16x16">
    <link rel="shortcut icon" href="img/favicon-16x16.png" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon-16x16.png">

    <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="img/apple-icon-72x72.png" sizes="72x72" />
    <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="img/apple-icon-114x114.png" sizes="114x114" />
    <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="img/apple-icon-144x144.png" sizes="144x144" />
    <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="img/favicon-16x16.png" />

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="home-1">

<!-- Pre Loader Area start -->
    <div id="preloader">
        <div class="loader"></div>
    </div>
<!-- Pre Loader Area End -->

<!--Main Menu/ Mobile Menu Section-->
<section class="menu-section-area">

    <!-- Top Menu -->
    <div class="top-nav">
        <div class="container">
            <div class="row">
                <div class="col-sm-8">
                    <ul class="left-top-menu">
                        <li><a href="https://www.baidu.com"><i class="far fa-comment"></i>Live Chat</a></li>
                    </ul>
                </div>
                <div class="col-sm-4">
                    <ul class="right-top-menu text-right">
                        <li><a href="mgr_login.jsp">Login</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Top Menu -->

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg fixed-top d-none d-sm-none d-md-block d-lg-block d-xl-block" id="mainNav">
        <div class="container">
            <a class="navbar-brand" href="index.html"><img src="img/7143logo.png"  class="img-fluid"></a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                <i class="fas fa-bars"></i>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav text-capitalize ml-auto">
                    <li class="nav-item dropdown-box">
                        <a class="nav-link js-scroll-trigger" href="index.html">首页<i class="fas fa-angle-down"></i></a>
                        <ul class="dropdown-list">
                            <li><a href="index.html">首页</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown-box">
                        <a class="nav-link" href="platform.html">我们是什么<i class="fas fa-angle-down"></i></a>
                        <ul class="dropdown-list">
                            <li><a href="platform.html">我们是什么</a></li>
                        </ul>
                    </li>


                    <li class="nav-item dropdown-box">
                        <a class="nav-link" href="display.html">我们能做什么<i class="fas fa-angle-down"></i></a>
                        <ul class="dropdown-list">
                            <li><a href="#">平面设计</a></li>
                            <li><a href="#">活动策划</a></li>
                            <li><a href="#">商业涂鸦</a></li>
                            <li><a href="#">音乐视频</a></li>
                            <li><a href="#">衍生周边</a></li>
                            <li><a href="#">艺术作品</a></li>


                        </ul>
                    </li>


                    <li class="nav-item dropdown-box">
                        <a class="nav-link" href="display.html">我们在做什么<i class="fas fa-angle-down"></i></a>
                        <ul class="dropdown-list">
                            <li><a href="#">平面设计</a></li>
                            <li><a href="#">活动策划</a></li>
                            <li><a href="#">商业涂鸦</a></li>
                            <li><a href="#">音乐视频</a></li>
                            <li><a href="#">衍生周边</a></li>
                            <li><a href="#">艺术作品</a></li>


                        </ul>
                    </li>

                    <li class="nav-item dropdown-box">
                        <a class="nav-link" href="display.html">我们想做什么<i class="fas fa-angle-down"></i></a>
                        <ul class="dropdown-list">
                            <li><a href="#">平面设计</a></li>
                            <li><a href="#">活动策划</a></li>
                            <li><a href="#">商业涂鸦</a></li>
                            <li><a href="#">音乐视频</a></li>
                            <li><a href="#">衍生周边</a></li>
                            <li><a href="#">艺术作品</a></li>


                        </ul>
                    </li>

                </ul>
            </div>
        </div>
    </nav>
    <!-- Navigation -->

    <!-- Mobile Menu Start -->
    <nav class="mobile_menu hidden d-none">
        <a href="index.html"><img class="mobile-logo" src="img/logo.png" alt="Logo"></a>
        <ul class="nav navbar-nav navbar-right menu">
            <li class="dropdown active">
                <a>Home</a>
                <ul class="sub_menu">
                    <li><a href="mgr_index.jsp">Home Default</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a>Domain</a>
                <ul class="sub_menu">
                    <li><a href="mgr_recruit.jsp">Recruit</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a>Hosting</a>
                <ul class="sub_menu">
                    <li><a href="mgr_employee.jsp">employee</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a>Services</a>
                <ul class="sub_menu">
                    <li><a href="mgr_inspection.jsp">inspection</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a>Pages</a>
                <ul class="sub_menu">
                    <li><a href="mgr_salary.jsp">salary</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a>Blog</a>
                <ul class="sub_menu">
                    <li><a href="blog-grid.html">Blog Grid</a></li>
                    <li><a href="mgr_account.jsp">account</a></li>
                </ul>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="index.html">Contact</a>
            </li>

        </ul>
    </nav>
    <!-- Mobile Menu End -->
</section>
<!--Main Menu/ Mobile Menu Section-->

<!-- Header Start -->
<header id="home" style="background: black" class="home-banner-area position-relative">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <!--Hero Area Wrapper-->
                <div class="hero-area-wrapper position-relative">
                    <div><img src="img/CenterImg.jpg" style="width: 700px;height: 500px"></div>
<!--                    <div>-->
<!--                        <h1>漆壹肆叁STUDIO</h1>-->
<!--                        <div class="hero-button-box text-center">-->
<!--                            <a href="recruit.html" class="js-scroll-trigger theme-button text-capitalize">加入我们！</a>-->
<!--                        </div>-->
<!--                    </div>-->
                    <div id="scroll-bottom" class="scroll-to-bottom">
                        <a href="#domain-search" class="js-scroll-trigger"><span></span></a>
                    </div>
                </div>
                <!--Hero Area Wrapper-->
            </div>
        </div>
    </div>

    <!-- Effect Start-->
<!--    <img class="bubble slow" src="img/all-effect-img/Top_bubble.svg" id="pink-side-bubble-1" alt="b">-->
<!--    <img class="bubble" src="img/all-effect-img/Bottom_Bubble.svg" id="pink-side-bubble-2" alt="b">-->
<!--    <img class="bubble slow" src="img/all-effect-img/Bog-Blob.svg" id="blue-side-bubble-1" alt="b">-->
    <!-- Effect End-->

    <!-- Wave Effect Start-->
<!--    <div class="footer-wave"></div>-->
    <!-- Wave Effect End-->

</header>

<!--Go To Top Arrow area start-->
<div class="top-arrow">
    <a href="#" id="scroll" style="display: none;"><i class="fas fa-angle-up"></i></a>
</div>
<!--Go To Top Arrow area End-->

<!--=======================================
    All Jquery Script link
===========================================-->

<!-- Bootstrap core JavaScript -->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="vendor/jquery/popper.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- ==== Plugin JavaScript ==== -->

<!-- jQuery owl carousel -->
<script src="js/owl.carousel.min.js"></script>

<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

<!--Input Field Script-->
<script src="js/input-field.js"></script>

<!--Type Js Script-->
<script src="js/typed.min.js"></script>

<!--Paroller Script-->
<script src="js/jquery.paroller.min.js"></script>

<!--WOW JS Script-->
<script src="js/wow.min.js"></script>

<!--AOS JS Script-->
<script src="js/aos.js"></script>

<!--WayPoints JS Script-->
<script src="js/waypoints.min.js"></script>

<!--Counter Up JS Script-->
<script src="js/jquery.counterup.min.js"></script>

<!--VenoBox Script-->
<script src="js/venobox.min.js"></script>

<!--Custom Select Script-->
<script src="js/custom-select.js"></script>

<!--Mean Menu/Mobile Menu Script-->
<script src="js/jquery.meanmenu.min.js"></script>

<!-- Custom scripts for this template -->
<script src="js/custom.js"></script>

<script>
    var typed = new Typed('#typed', {
        stringsElement: '#typed-strings',
        typeSpeed: 100,
        backSpeed: 100,
        loop: true,
        smartBackspace: true,
    });
</script>

</body>

</html>